<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="oa/Css/M-maintenance.css" />
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
				$('.m-manage>ul>li>a').click(function(){
					$(this).toggleClass('expanded').siblings('.sub').slideToggle();
					$(this).closest('li').toggleClass('action').siblings('.action').removeClass('action').find('>a').toggleClass('expanded').siblings('.submenu').slideToggle();
				})
				
				$('.m-manage>ul>li>ul>li>a').click(function(){
					$(this).toggleClass('expanded').siblings('.submenu').slideToggle();
					$(this).closest('li').toggleClass('action').siblings('.action').removeClass('action').find('>a').toggleClass('expanded').siblings('.submenu').slideToggle();
				})
			})

</script>
<title>Insert title here</title>
</head>
<body>
	<div class="m-manage" >
		
			<p>菜单管理<p>
			<ul>
				<li><a href="#">基础信息管理</a>
				<ul class="sub">
					<li><a href="#">部门管理</a>
						<ul class="submenu">
							<li><a href="#">部门查询</a></li>
							<li><a href="#">部门维护</a></li>
						</ul>
					</li>
					<li><a href="#">员工管理</a>
						<ul class="submenu">
							<li><a href="#">员工查询</a></li>
							<li><a href="#">员工维护</a></li>
						</ul>
					</li>
					<li><a href="#">菜单管理</a>
						<ul class="submenu">
							<li><a href="#">菜单查询</a></li>
							<li><a href="#">菜单维护</a></li>
						</ul>
					</li>
					<li><a href="#">角色管理</a>
						<ul class="submenu">
							<li><a href="#">角色查询</a></li>
							<li><a href="#">角色维护</a></li>
						</ul>
					</li>
				</ul>
				</li>
				</ul>
	</div>
	
	<div class="add-menu">
		<form action="">
			<input class="add" type="button" value="新增部门"/>
			<p>上级菜单:<input class="line" type="text" name="name" size="40"/></p>
			<p>菜单名称:<input class="line" type="text" name="name" size="40"/></p>
			<p>菜单动作：<textarea class="line" rows="3" cols="40"></textarea></p>
			<input class="save" type="button" value="保存"/>
			<input class="update" type="button" value="删除"/>
		</form>
	</div>
</body>
</html>